<template>
	<view class="">
		<scroll-view>
			
		</scroll-view>
		<view class="cmd-tab-bar">
			<view class="md-bar-box" v-for="(item, i) in list" :key="i" @click="tabBar(item.path)">
				<image :src="item.src" mode=""></image>
				<text>{{ item.text }}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [
				{
					path: '',
					text: '首页',
					src: '../../static/image/index1.png'
				},
				{
					path: '',
					text: '首页',
					src: '../../static/image/index1.png'
				},
				{
					path: '',
					text: '首页',
					src: '../../static/image/index1.png'
				},
				{
					path: '',
					text: '首页',
					src: '../../static/image/index1.png'
				}
			]
		};
	},

	computed: {},
	methods: {
		tabBar(path) {}
	}
};
</script>

<style lang="scss" scoped>
.cmd-tab-bar {
	width: 100%;
	height: 138rpx;
	position: fixed;
	bottom: 0;
	align-items: center;
	display: flex;
	justify-content: space-around;
	// margin: 0 60rpx
	border-top: 2rpx solid #969696;
}
.md-bar-box {
	text-align: center;
	image {
		width: 48rpx;
		height: 48rpx;
	}
	text {
		display: block;
		font-size: 22rpx;
	}
}
</style>
